/* 顶部 */
.header{
	height: 40px;
}
.header .container{
	height: 100%;
}
.header .container .row{
	height: 100%;
}
.header .container .row>div{
	height: 100%;
	line-height: 40px;
	text-align: center;
}
/* 顶部 栅格1 */

@media (min-width: 768px) {
  .navbar-nav {
    float: right !important;
    margin: 0;
  }
}
/* 栅格的 第三个 */
.header .container .row .third{
  float: left;
}
.header .container .row .third a{
	color: gray;
	font-size: 12px;
	margin-left: 10px;
}
.qi-header-font{
  color: red;
}
/* 栅格的 最后一个 */
.header .container .row .fourth{}
.header .container .row .fourth a{
	font-size: 12px;
	color: gray;

}
.header .container .row .fourth a:first-child{
	color: white;

}


/*  这里写的是 nav的 样式 自定义的 样式 */
.qili-default {
  border-color: #e7e7e7;
  min-height: 100px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #fff;
}
/* 左侧的 图标 */
.qili-default .navbar-brand {
  color: #777;
  height: 80px;
  line-height: 50px;
}


.qili-default .navbar-brand .qili-logo{
  display: block;
  float: left;
}
.qili-default .navbar-brand .qili-name{
  display: block;
  float: left;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  margin-left: 10px;
  color: #000;
}
.qili-default .navbar-brand:hover,
.qili-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.qili-default .navbar-text {
  color: #777;
}
.qili-default .navbar-nav > li > a {
  color: #777;

  line-height: 50px;
}
.qili-default .navbar-nav > li > ul {
  padding-left: 10px;
}
.qili-default .navbar-nav > li > ul li {
  height: 30px;
  line-height: 30px;
}
.qili-default .navbar-nav > li > ul li.active{
  color: red;
}
.qili-default .navbar-nav > li > a:hover,
.qili-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
    border-bottom: 3px solid red;
}
.qili-default .navbar-nav > .active > a,
.qili-default .navbar-nav > .active > a:hover,
.qili-default .navbar-nav > .active > a:focus {
  color: #555;
  /* background-color: #e7e7e7; */
  height: 80px;
  line-height: 50px;
  /* border-bottom: 3px solid red; */
}
.qili-default .navbar-nav > .disabled > a,
.qili-default .navbar-nav > .disabled > a:hover,
.qili-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.qili-default .navbar-toggle {
  border-color: #ddd;
  margin-top: 25px;
}
.qili-default .navbar-toggle:hover,
.qili-default .navbar-toggle:focus {
  background-color: #ddd;
}
.qili-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.qili-default .navbar-collapse,
.qili-default .navbar-form {
  border-color: #e7e7e7;
}
.qili-default .navbar-nav > .open > a,
.qili-default .navbar-nav > .open > a:hover,
.qili-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.qili-default .navbar-link {
  color: #777;
}
.qili-default .navbar-link:hover {
  color: #333;
}
.qili-default .btn-link {
  color: #777;
}
.qili-default .btn-link:hover,
.qili-default .btn-link:focus {
  color: #333;
}
.qili-default .btn-link[disabled]:hover,
fieldset[disabled] .qili-default .btn-link:hover,
.qili-default .btn-link[disabled]:focus,
fieldset[disabled] .qili-default .btn-link:focus {
  color: #ccc;
}

/* 桌面端的 轮播图片样式 */
.carousel-inner{}
.carousel-inner .item{}
.carousel-inner .item .move-image{
  height: 410px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  /* 背景图 跟着 父盒子 缩放 */
  background-size: cover;
}
.carousel-inner .item .move-image.img01{
  background-image: url(../images/slide_01_2000x410.jpg);
}
.carousel-inner .item .move-image.img02{
  background-image: url(../images/slide_02_2000x410.jpg);
}
.carousel-inner .item .move-image.img03{
  background-image: url(../images/slide_03_2000x410.jpg);
}
.carousel-inner .item .move-image.img04{
  background-image: url(../images/slide_04_2000x410.jpg);
}


/* 移动端 */

.carousel-inner .item a{
  display: block;
  width: 100%;
}
.carousel-inner .item a img{
  display: block;
  width: 100%;
}

.product-introduction{
  margin-top: 20px;
}
.product-introduction .left h3{
  border-bottom: 2px solid gainsboro;
  text-align: left;
}
.product-introduction .pc .qili-search-title{
  border-bottom: 1px solid gainsboro;
  margin-top: 40px;
  padding-bottom: 6px;
}
.product-introduction .pc .qili-search-title span{
  border-bottom: 2px solid red;
  padding-bottom: 6px;

}
.product-introduction .pc .qili-search{
  margin-top: 8px;

}
.product-introduction .pc .qili-search input{
  display: block;
  float: left;



}
.product-introduction .pc .qili-search span{
  text-align: center;
  line-height: 26px;
  color: white;
  float: left;
  background-color: red;
  display: block;
  height:26px;
  width: 30px;
  margin-left: 2px;



}
.product-introduction .right li{
  margin-top: 10px;
  border: 4px solid #f7f7f7;
  padding: 1em;
}
.product-introduction .right h3{
text-align: right;
  padding-bottom: 10px;
  margin-bottom: 2em;
  border-bottom: 2px solid gainsboro;
}
.product-introduction .right .show-left{
  float: left;
}
.product-introduction .right .show-left h5{
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
  color: red;
}

.product-introduction .right .show-left div{
  position: relative;
  margin-top: 30px;
  line-height: 20px;
  color: darkgrey;
}

.product-introduction .right .show-right{
  float: right;
}

.product-title{
  height: 30px;
  font-size: 16px;
  font-weight: 800;
  border-bottom: 2px solid gainsboro;
}
.product-title span{
 display: block;
  height: 100%;
  border-bottom: 2px solid red;
}
.qili-tabs {
  padding: 0 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .left .qili-tabs > li {
    float: inherit !important;
    margin-top: 6px;
  }
}
.qili-tabs > li {
  margin-bottom: -1px;
  float: left;
}
.qili-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  /*   border: 1px solid transparent; */
  border-radius: 4px 4px 0 0;
background-color: #eee;
  color: gray;
}
.qili-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.qili-tabs > li.active > a,
.qili-tabs > li.active > a:hover,
.qili-tabs > li.active > a:focus {
  color: red;
  cursor: default;

}
.show-con1 .moreoh{
  color: red;
}
.pp {margin-bottom: 2em;border: 1px solid #ddd}
.pp img{ max-width: 100%; height: auto}